<template>
    <Person :list="persons"></Person>
</template>

<script lang="ts" setup name="App">
    import Person from "./components/Person.vue"
    import {type PersonInter,type Persons} from '@/types'
    import {reactive} from 'vue'

    //reactive+ts的自定义类型写法
    let persons=reactive<Persons>([
        {id:1,name:"沐七",age:18},
        {id:2,name:"沐七",age:19},
        {id:3,name:"沐七",age:20}
    ])
</script>

<style>
.hello{
    background-color: #ddd;
    box-shadow: 0 0 10px;
    border-radius: 10px;
}
</style>